锘緻charset "utf-8"; /* CSS Document */ .swiper { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .swiper-slide { background-position: center;background-size: cover; } .swiper-slide img { display: block;width: 100%;height: 100%; } /**/ .bgfff{ background: #fff; position: relative; padding-top: 1px; z-index: 1; overflow:hidden; } /*鏂伴椈-鍏憡*/ .news{ padding-left:0px; } .news h3{ color:#1F4F9F; font-weight:bold; margin:0px; padding: 20px 0px 10px; font-size:30px; } .news h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .news .media .media-object{ border:1px solid #D5D5D5; width:55px; height:55px; text-align:center; font-size:14px; color:#000; align-items:center; padding:0px; margin:0px; line-height:20px; } .news .media .media-object span{ font-size:18px; font-weight:bold; display:block; padding-top:7px; } .news .media .media-heading{ color:#1F4F9F; font-size:17px; font-weight:bold; } .news .media .media-body p{ font-size:13px; color:#999; display: block; /*-webkit-box-orient: unset; -webkit-line-clamp: unset; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: unset;*/ } .news .media .media-body{ border-bottom:1px dashed #9C9C9C; } .news .media:last-child .media-body { border-bottom: 0px; } /*鏂伴椈-鍥剧墖*/ .newspic{ padding: 0px 0px 20px 0px; } .newspic h3{ color:#1F4F9F; font-weight:bold; margin:0px; padding: 20px 0px 60px; } .newspic h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .newspic .carousel-inner > .item > a > img{ width:100%; height:280px; } /*閫氱煡鍏憡*/ .notice{ padding-bottom:20px; } .notice h3{ color:#1F4F9F; font-weight:bold; margin:0px; padding: 20px 0px 10px; font-size:30px; } .notice h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .notice .media{ margin-top:10px; } .notice .media .media-object{ border:1px solid #D5D5D5; width:55px; height:55px; text-align:center; font-size:14px; color:#000; align-items:center; padding:0px; margin:0px; line-height:20px; } .notice .media .media-object span{ font-size:18px; font-weight:bold; display:block; padding-top:7px; } .notice .media .media-heading{ color:#000; font-size:17px; } /*鍏氬缓鎬濇斂*/ .party{ padding-bottom:20px; } .party h3{ color:#222; font-weight:bold; margin:0px; padding: 20px 20px 10px 0px; font-size:30px; } .party h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .party .pic{ position:relative; background:url(../images/party.jpg); margin:20px 20px 20px 0px; } .party .pic img{ width:100%; } .party .media{ margin-top:10px; } .party .media .media-object{ border:1px solid #D5D5D5; width:55px; height:55px; text-align:center; font-size:14px; color:#000; align-items:center; padding:0px; margin:0px; line-height:20px; } .party .media .media-object span{ font-size:18px; font-weight:bold; display:block; padding-top:7px; } .party .media .media-heading{ color:#000; font-size:18px; } /*浜烘墠鍩瑰吇*/ .talent{ padding-bottom:20px; } .talent h3{ color:#222; font-weight:bold; margin:0px; padding: 20px 20px 10px 0px; font-size:30px; } .talent h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .talent .pic{ position:relative; background:url(../images/talent.jpg); margin:20px 20px 20px 0px; } .talent .pic img{ width:100%; } .talent .pic-tit{ position:absolute; z-index:1; left:0px; right:0px; padding-left:10px; bottom:0px; height:40px; line-height:40px; background-color:rgba(66,66,66,0.5); text-align:left; color:#fff; font-size:15px; } .talent .media{ margin-top:10px; } .talent .media .media-object{ border:1px solid #D5D5D5; width:55px; height:55px; text-align:center; font-size:14px; color:#000; align-items:center; padding:0px; margin:0px; line-height:20px; } .talent .media .media-object span{ font-size:18px; font-weight:bold; display:block; padding-top:7px; } .talent .media .media-heading{ color:#000; font-size:18px; } .main-news-2{ background:#EEF5FD; } /*瀛︾敓娲诲姩*/ .stuact{ padding-bottom:20px; } .stuact h3{ color:#222; font-weight:bold; margin:0px; padding: 20px 20px 10px 0px; font-size:30px; } .stuact h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .stuact .pic{ position:relative; background:url(../images/stuact.jpg); margin:20px 20px 20px 0px; } .stuact .pic img{ width:100%; } .stuact .pic-tit{ position:absolute; z-index:1; left:0px; right:0px; padding-left:10px; bottom:0px; height:40px; line-height:40px; background-color:rgba(66,66,66,0.5); text-align:left; color:#fff; font-size:15px; } .stuact .media{ margin-top:10px; } .stuact .media .media-object{ border:1px solid #D5D5D5; width:55px; height:55px; text-align:center; font-size:14px; color:#000; align-items:center; padding:0px; margin:0px; line-height:20px; } .stuact .media .media-object span{ font-size:18px; font-weight:bold; display:block; padding-top:7px; } .stuact .media .media-heading{ color:#000; font-size:18px; } /*浜ф暀铻嶅悎*/ .produc{ padding-bottom:20px; } .produc h3{ color:#222; font-weight:bold; margin:0px; padding: 20px 20px 10px 0px; font-size:30px; } .produc h3 .badge{ float:right; margin-top:10px; background-color:transparent; color:#9B9999; border:1px solid #9B9999; border-radius:0px; padding:5px 10px; } .produc .pic{ position:relative; background:url(../images/produc.jpg); margin:20px 20px 20px 0px; } .produc .pic img{ width:100%; } .produc .pic-tit{ position:absolute; z-index:1; left:0px; right:0px; padding-left:10px; bottom:0px; height:40px; line-height:40px; background-color:rgba(66,66,66,0.5); text-align:left; color:#fff; font-size:15px; } .produc .media{ margin-top:10px; } .produc .media .media-object{ border:1px solid #D5D5D5; width:55px; height:55px; text-align:center; font-size:14px; color:#000; align-items:center; padding:0px; margin:0px; line-height:20px; } .produc .media .media-object span{ font-size:18px; font-weight:bold; display:block; padding-top:7px; } .produc .media .media-heading{ color:#000; font-size:18px; } /*鎷涚敓淇℃伅*/ .main-zs-pic{ background:rgba(71,71,71,0.8); padding-top:30px; padding-bottom:-40px; margin-bottom:25px; } .main-zs-pic .container img{ width:100%; } .main-zs-news .zs-news-tit .t-icon{ width:50px; height:50px; line-height:50px; display:inline-block; text-align:center; font-size:25px; color:#fff; } .main-zs-news .zs-news-tit .t-tit{ font-size:25px; color:#EA6915; padding-left:10px; } .main-zs-news .zs-news-tit .badge{ float:right; border:0px; background-color:transparent; font-size:15px; color:#666; margin-top:20px; } .main-zs-news .list-group{ border-radius:0px; border:1px solid #EDEDED; border-top:0px; padding:15px 0px; } .main-zs-news .list-group .list-group-item{ border-radius:0px; border:0px; font-size:17px; display: block; /* 褰撳墠鍏冪礌鏈韩鏄痠nline鐨勶紝鍥犳闇€瑕佽缃垚block妯″紡 */ white-space: nowrap; /* 鍥犱负璁剧疆浜哹lock锛屾墍浠ラ渶瑕佽缃畁owrap鏉ョ‘淇濅笉鎹㈣ */ overflow: hidden; /* 瓒呭嚭闅愯棌缁撳悎width浣跨敤鎴彇閲囩敤鏁堟灉*/ text-overflow: ellipsis; /* 鏈姛鑳界殑涓昏鍔熻嚕锛岃秴鍑洪儴鍒嗙殑鍓鏂瑰紡 */ -o-text-overflow: ellipsis; /* 鐗瑰畾娴忚鍣ㄥ墠缂€ */ text-decoration: none; /* 鏃犵敤 */ } .main-zs-news .list-group .list-group-item i{ padding-right:10px; } .zs-news-1{ padding-left:0px; } .zs-news-1 .zs-news-tit{ border-top:2px solid #EA6915; background:#EDEDED; } .zs-news-1 .zs-news-tit .t-icon{ background:#EA6915; } .zs-news-2 .zs-news-tit{ border-top:2px solid #1860A8; background:#EDEDED; } .zs-news-2 .zs-news-tit .t-icon{ background:#1860A8; } .zs-news-3{ padding-right:0px; } .zs-news-3 .zs-news-tit{ border-top:2px solid #0C8C37; background:#EDEDED; } .zs-news-3 .zs-news-tit .t-icon{ background:#0C8C37; } /*婀勫洯鎺犳櫙*/ .main-pic >.row{ padding-right:5px; } .main-pic img{ width:100%; } .main-pic-1{ position:relative; padding-right:10px; padding-top:10px; } .main-pic-1 .main-pic-tit{ position:absolute; z-index:1; left:15px; right:10px; bottom:0px; height:50px; line-height:50px; background-color:rgba(66,66,66,0.5); text-align:center; color:#fff; font-size:28px; font-family:"鍗庢枃琛屾シ"; } .main-pic-2{ madding:10px; padding:0px 10px; padding-top:10px; } .main-pic-2 .clearfix{ position:relative; display:inline-block; padding:0px; margin:0px; } .main-pic-2 .clearfix .main-pic-tit{ position:absolute; z-index:1; left:0px; right:0px; bottom:0px; height:50px; line-height:50px; background-color:rgba(66,66,66,0.5); text-align:center; color:#fff; font-size:28px; font-family:"鍗庢枃琛屾シ"; } .main-pic-2 .clearfix+.clearfix{ margin-top:10px; } .main-pic-3{ madding:10px; padding:0px 10px; padding-top:10px; } .main-pic-3 .clearfix{ position:relative; display:inline-block; padding:0px; margin:0px; } .main-pic-3 .clearfix .main-pic-tit{ position:absolute; z-index:1; left:0px; right:0px; bottom:0px; height:50px; line-height:50px; background-color:rgba(66,66,66,0.5); text-align:center; color:#fff; font-size:28px; font-family:"鍗庢枃琛屾シ"; } .main-pic-3 .clearfix+.clearfix{ margin-top:10px; } /*鍐呴儴鍥剧墖閾炬帴*/ .main-link-pic{ margin:30px auto; font-size:0; } .main-link-pic ul{ width:100%; padding:0px !important; margin:0px; } .main-link-pic ul li{ width:20%; display:inline-block; padding:0px !important; margin:0px; } .main-link-pic a{ display:block; padding:10px 5px; } .main-link-pic a img{ width:100%; } /*鎵嬫満瓒呭皬灞忓箷涓嬬殑鍗曠嫭鏍峰紡 xs < 768px */ @media (max-width: 767px) { .zs-news-1, .zs-news-2, .zs-news-3{ padding-left:10px; padding-right:10px; } .swiper { //top: 60px; } } /*鎵嬫満瓒呭皬灞忓箷涓嬬殑鍗曠嫭鏍峰紡 xs < 768px */ /*澶т簬鎵嬫満灞忓箷鏃剁殑鏍峰紡 sm >= 768px */ @media (min-width: 768px) { .swiper { //top: 100px; } } /*澶т簬鎵嬫満灞忓箷鏃剁殑鏍峰紡 sm >= 768px */ /*骞虫澘灏忓睆骞曟牱寮 768px <= sm < 992px */ @media (min-width: 768px) and (max-width: 991px) { .swiper { //top: 110px; } } /*骞虫澘灏忓睆骞曟牱寮 768px <= sm < 992px */ @media (min-width: 992px) and (max-width: 1200px) { .swiper { //top: 130px; } } @media (min-width: 1201px) and (max-width: 1300px) { .swiper { //top: 150px; } } @media (min-width: 1301px) and (max-width: 1400px) { .swiper { //top: 150px; } } @media (min-width: 1200px) { .swiper { //top: 160px; } }